<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>解决方案</title>
    <link rel="stylesheet" href="css/common.css"/>
    <style>
        .share, .footer-text{
            text-align: center;
        }
        .bottom_shadow{
            background: url(images/bottom_shadow.png) repeat-x top left;
        }

        /*bootstrap*/
        a {
            color: #428bca;
            text-decoration: none;
        }

        .row {
            margin-right: -15px;
            margin-left: -15px;
        }
        .col-3,.col-5,.left,.right {
            float: left;
        }
        .col-3{
            width: 33.33333%;
        }
        .col-5{
            width: 46%;
        }

        .right{
            width: 100%;
            padding: 0 10px;
        }


        #main-content{
            margin-top: 20px;
            min-height: 1000px;
        }


        header{height: 70px;}

        .img {
            vertical-align: middle;
            text-align: center;
        }
        .solution{

        }
        .solution ul{
            text-align: left;
            padding: 15px 0 30px 0px;
        }
        .solution ul li {
            display: block;
            line-height: 30px;
            color: #0b7fd7;
            font-size: 14px;
            background: url(images/sj_solve.png) no-repeat 25%;
            padding-left: 30%;
            cursor: pointer;
        }
        .solution ul li:hover {
            background-color: #f5f5f5;
        }
        .solution .title {
            font-size: 30px;
            color: #353535;
            margin-top: 10px;
            text-align: center;
            font-family: "微软雅黑";
        }

        .pic_inner {
            cursor: pointer;
            width: 100%;
            height: 100%;
        }
        .pic img {
            position: relative;
            z-index: 0;
            width: 100%;
        }
        .pic .word {
            position: relative;
            z-index: 999;
            height: 137px;
            margin-top: -137px;
            background: url(images/bg_word.png) right bottom repeat-x;
            background-size: 100%;
        }
        .pic .word .dis {
            position: absolute;
            z-index: 999;
            bottom: 0;
            padding: 0 70px 15px 15px;
            text-align: left;
        }
        .pic .word .dis p:first-child {
            font-size: 24px;
            padding-bottom: 5px;
            height: auto;
        }
        .pic .word .dis p {
            color: #fff;
            font-size: 14px;
            text-align: left;
            display: block;
            height: 40px;
            overflow: hidden;
            width: 100%;
        }
        .pic{
            margin-top: 15px;position: relative;
            z-index: 0;
            padding: 15px;margin: 0;
        }
        .pic .word {
            position: relative;
            z-index: 999;
            height: 137px;
            margin-top: -137px;
            background: url(images/bg_word.png) right bottom repeat-x;
            background-size: 100%;
        }
    </style>
</head>
<body class="" id="homebody" data-index="0">

<header>
    <div class="wrap page-tagline page-tagline container navbar-fixed-top">
        <nav class="home-nav page-tagline-text" id="home-nav">
            <a data-id="u-index" href="index.html" target="_blank"><span>首   页</span></a>
            <a data-id="u-intro" href="products.html" target="_blank"><span>产品中心</span></a>
            <a data-id="u-service" class="current" href="#"><span>解决方案</span></a>
            <a data-id="u-platform" href="case.html" target="_blank"><span>客户案例</span></a>
            <a data-id="u-research" href="about.html" target="_blank"><span>关于我们</span></a>
            <a data-id="u-resolve" href="index.html#u-resolve" target="_blank"><span>联系我们</span></a>
        </nav>
    </div>
</header>

<div id="main-content">

    <div class="container">

        <div class="row">
            <div class="right">

                <div class="panel panel-default solution" id="">
                    <div class="panel-heading" >
                        <h4 class="panel-title">
                            <a class="">
                                技术解决方案
                            </a>
                        </h4>
                    </div>
                    <div class="panel-collapse collapse in">
                        <div class="panel-body" style="">
                            <div class="row">
                                <div class="col-3">
                                    <div class="img"><img src="images/solve_03.jpg"></div>
                                    <div class="title">智慧网络</div>
                                    <ul>
                                        <li><a href="#" title="SDN">SDN</a></li>
                                        <li><a href="#" title="智慧广域网">智慧广域网</a></li>
                                        <li><a href="#" title="智慧园区网">智慧园区网</a></li>
                                        <li><a href="#" title="终端准入控制">终端准入控制</a></li>
                                        <li><a href="#" title="IT自动化管理">IT自动化管理</a></li>
                                    </ul>
                                </div>
                                <div class="col-3">
                                    <div class="img"><img src="images/solve_05.jpg"></div>
                                    <div class="title">云计算与数据中心</div>
                                    <ul>
                                        <li><a href="#" title="服务器虚拟化">服务器虚拟化</a></li>
                                        <li><a href="#" title="云网融合">云网融合</a></li>
                                        <li><a href="#" title="IaaS私有云">IaaS私有云</a></li>
                                        <li><a href="#" title="融合数据中心">融合数据中心</a></li>
                                        <li><a href="#" title="云彩虹">云彩虹</a></li>
                                        <li><a href="#" title="云点">云点</a></li>
                                        <li><a href="#" title="零存储">零存储</a></li>
                                        <li><a href="#" title="动态资源扩展">动态资源扩展</a></li>
                                    </ul>
                                </div>
                                <div class="col-3">
                                    <div class="img"><img src="images/solve_14.jpg"></div>
                                    <div class="title">移动化</div>
                                    <ul>
                                        <li><a href="#" title="有线无线一体化">有线无线一体化</a></li>
                                        <li><a href="#" title="BYOD">BYOD</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default" id="hyjjfa">
                    <div class="panel-heading" >
                        <h4 class="panel-title">
                            <a class="">
                                行业解决方案
                            </a>
                        </h4>
                    </div>
                    <div class="panel-collapse collapse in">
                        <div class="panel-body" style="padding-left: 30px;">
                            <p style="text-align:center">针对企业的不同行业属性及规模制订了专业的行业解决方案</p>

                            <div class="row">
                                <div class="col-5 pic" >
                                    <div class="pic_inner">
                                        <img src="images/o_01.jpg">
                                        <div class="word">
                                            <div class="dis">
                                                <p class="msyhl">政府</p>
                                                <p>H3C承建国家电子政务外网及20余个省级、200余个地市级政务网络</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-5 pic">
                                    <div class="pic_inner">
                                        <img src="images/o_10.jpg">
                                        <div class="word">
                                            <div class="dis">
                                                <p class="msyhl">酒店楼宇</p>
                                                <p>中国是世界上最繁忙的工地，五星级酒店、高档写字楼、体育场馆...</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>

                            <div class="row">
                                <div class="col-5 pic">
                                    <div class="pic_inner">
                                        <img src="images/o_11.jpg">
                                        <div class="word">
                                            <div class="dis">
                                                <p class="msyhl">物流</p>
                                                <p>以科技为导向、以计算机网络为依托、以信息技术为手段的物流信息化网络解决方案</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>

                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="clear"></div>
    </div>

</div>

<footer id="home-footer" class=" " style="">
    <div class="container" style="background:url(images/main-bg.png) repeat;">
        <div class="share bottom_shadow">
            <a class="s-weibo" target="_blank" href="javascript:"></a>
            <a class="s-restart" href="javascript:;"></a>
            <a data-img-url="http://cdn.adt100.com/apps/official/6553/images/weixin-box.png" href="javascript:;" class="s-weixin"></a>
        </div>
        <div class="footer-text">
            XX有限公司 Copyright © 2005-2013 XX Corporation All Right Reserved 川ICP备13215509号-1
        </div>
    </div>
</footer>

<script src="http://libs.baidu.com/jquery/1.10.1/jquery.js"></script>
<script src="js/pace.min.js"></script>
<!--<script type="text/javascript" src="js/common.js"></script>-->
</body>
</html>


